<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
		<style>
			*{color: :red;}/*权值 0*/
			 p{
				 color:blue;
			 }              /*权值 1*/
			 p.p1{    /* 1+10=11*/
				 color:gray;
			 }
			 p.p1{    /*10*/
			 				 color:black;
			 }
			 div p.p1{   /*1+10+1=12*/
				 color: red;
			 }
			 #p1{   /*100*/
				 color: blue;;
			 }
		</style>
	</head>
	<body>
		<div>
			<p class="p1">lorem</p>
		</div>
	</body>
</html>